<template>
  <h1>首页</h1>
  <h1>{{ $store.state.count }}</h1>
  <h2>{{ store.state.count }}</h2>
  <h2>{{ $store.state.foo }}</h2>
</template>

<script lang="ts" setup>
// import { useStore } from 'vuex'
import { useStore } from '../../store'
import User from '@/api/user'
const store = useStore()
console.log(store.state.count)
console.log(User)

</script>

<style lang="scss" scoped>
h1 {
  color: $color;
}
</style>
